| ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

初心者のためのＨＰの飾りつけ教室VOL.5

■【ホームページ上で音を鳴らすには！】ＭＩＤＩ！（ミディー）って何？

さあ！いよいよ、ホームページで、ＢＧＭを鳴らす事をやって見ましょう。
初心者のみなさんの第一関門が、ページで音を鳴らして見たいという事だと思います。

最近、ＨＰ初心者の人から（私も少なからず、初心者です。）音の鳴らし方、をよく聞かれます。
でも楽天では、普通に、音楽を鳴らすタグは、禁止になっております。
ですから、そこのところは、よく理解しておいてください。

ＭＩＤＩとはどういうものか！どういう風になっているのか！音楽の載せ方のタグをやって見ましょう。
では！始まり始まり・・・・（*^_^*）

★　メロディーの流れるページのしくみ。　★

みなさんは、すでに経験済みかと思いますが、ホームページにアクセスすると音楽がなるページがあります。これらは、「ＭＩＤＩ」や「Ｆｌａｓｈ」などのデータが、ＨＴＭＬから読み込まれて、音を鳴らしているのです。

オルゴールのようなメロディが流れる場合は、主に「ＭＩＤＩ」データが使用されています。
「ＭＩＤＩ」は音楽ファイルではなく、どの音をいつ鳴らすか、といった情報を持っているファイルです。
そのためデータが軽いのが特徴です。実際の音はパソコンの中にある音源から引き出して鳴らすため、全ての訪問者が聞けるわけではありません。といっても、最近のパソコンにはサウンドカードやソフトウェアーシンセサイザーなど、あらかじめ音源が入っている事がほとんどです。

また、動画でよく使用される「Ｆｌａｓｈ」も、サウンドだけで使用する事も出来ます。
画像との組み合わせでサウンドを鳴らす事も出来ます。
ただし、専用の「プラグイン」が必要となります。サーバーに「プラグイン」を置かないと、動作しません。
楽天では、「Ｆｌａｓｈ」は禁止になっております。「プラグイン」を置く事は出来ません。

という事で、手軽な「ＭＩＤＩ」に付いてお話していこうと思います。

★　ＭＩＤＩ素材の種類　★

「ＭＩＤＩ」素材は実にたくさん提供されています。
人気を集めているのはオルゴールなどの癒し系サウンドです。
曲は、クラシックやポップスの定番、または作者オリジナルの曲など様々です。
同じ曲でも作者によって演奏方法が違うため雰囲気が異なる場合がありますので、
好みのサウンドを捜して見るといいでしょう。

【ＭＩＤＩ素材提供サイトを紹介して置きましょう】

poron　　http://poron.milkcafe.to/index.html

ディズニーの曲やポップスの名曲などをオルゴールとチェレスタで演奏している「ＭＩＤＩ」ファイルが提供されています。著作権のある曲に対しては、「ＪＡＳＲＡＣ」に申請する必要があります。

Classic MIDI Room　　http://www.ic-net.or.jp/home/ikeshu/index.html

クラシックの名曲が数多く掲載されているサイトです。

ＭＩＤＩ　ＰＡＬ　　http://www.midipal.co.jp/

有料ですが、幅広くポップスから歌謡曲、ＪＡＺＺまで何でもあります。
１曲￥２００でダウンロードできます。

★　音はストップできるようにしておこう　★

訪問者は音がなっても問題のない環境でホームページを見ているとは限りません。
ゆっくり、ホームページを閲覧したい方もいるはずです。
ですから、音を消せるようにしておかなくてはなりません。

楽天では出来ませんが、普通はホームページ上で音が消せるようにパネルを表示します。
パネルですが、以下のタグを入力すれば、訪問者が持っているサウンドシステムに合わせたパネルが表示されるようになります。

でも、ここでは使用できませんよ、何度も言うようですが！
基本的にはここでは、音を鳴らしてはいけないのです。

■【ホームページ上で音を鳴らすには！】　「ＭＩＤＩ」のＤＬから鳴らすまで！

★　ＭＩＤＩのＤＬ（ダウンロード）　★

では、具体的にやって見ましょうか。
例として、【poron】さんのサイトに行って、何かＤＬして見ましょう。
みなさんが、一番最初にやらないといけない事です。
何処のサイトに行きましても、サイトごとの「注意事項」はしっかり熟読してくださいね。

では、【poron】さんのサイトで、[ＭＩＤＩ]をクリックしまして、サイドメニューから「著作権のない曲のＤＬ」をやって見ましょう。

好きな曲を選びまして、クリックしますと【Windows Media Player】　がでてきます。
たいがい、無料の「MIDI」のサイトでＤＬしようとすると【Windows Media Player】が出てきます。
【Windows Media Player】の｛メニューバー｝の「ファイル（Ｆ）」をクリックしますと、「名前をつけて保存（Ｓ）」というのがありますから、それをクリックします。

フロートパネルが出てきます。そこで保存するフォルダを選択します。
（私の場合は、「マイドキュメント」の中に「ＭＩＤＩ」というフォルダを作ってそこに入れております。）
「ファイル名」を確認しまして、右下の「保存」をクリックします。その時、「ファイルの種類（Ｔ）」は、｛すべてのファイル｝になっている事を確認してください。そうすれば、自動的に「ＭＩＤＩ」の拡張子である、「.MID」が付きます。

保存しましたら、フォルダをあけて、ちゃんと保存されているか、確認して見ましょう。
名前の所は、ちゃんと、半角英数字で「ＭＩＤＩ」の名前が出ておりますか！
ちなみに私がＤＬしたのは「アイ・ガット・リズム/ガーシュイン（日産/リバティＣＭソング）」ですが
「i_got」と言う、名前が出ております。

では、この「ＭＩＤＩ」のアイコンをダブルクリックして見ましょう。
【Windows Media Player】が現れて演奏を開始しますね。

ＤＬしたこの「ＭＩＤＩ」は貴方のＰＣでしか、音を聞く事が出来ません。
ＨＰにこのＤＬした、「ＭＩＤＩ」をこのままＨＴＭＬのタグに入れて、載せても他の人には聞こえないのです。

みなさんに聞いて貰うには、この「ＭＩＤＩ」ファイルをＷＥＢ上に、「アップロード」しないといけません。

どういう事かといいますと、みなさんは、楽天の「画像の倉庫」から自分のフォルダにある画像を、楽天のサーバーで、ＷＥＢ上に乗っけていますよね。ＷＥＢ上に画像をアップしているから、みなさんに、貴方の画像が見てもらえるのです。しかし、楽天には画像をアップする「アップローダー」しかありません。
先にも述べましたとうり、基本的には楽天上で音を鳴らすのは、禁止なのです。
だから、楽天のサーバーは「ＭＩＤＩ」をアップできる「アップローダー」を備えておりません。

★　「ＭＩＤＩ」をアップするための無料サイトの登録　★

じゃあどうするかといいますと、「ＭＩＤＩ」をアップできる、他の無料のサーバーを登録しまして、
そこから、「ＭＩＤＩ」のＵＲＬを貰い、楽天上からリンクを貼り、音を鳴らすのです。
簡単に言えば、楽天上で音を鳴らすために、他のサーバーに間借りするのです。

では、具体的に他のサーバーを紹介しましょう。
楽天サイトにも繋がりの深い、「infoseek ISWEB」です。

http://isweb.www.infoseek.co.jp/Icont?pg=iw_top.html&sv=IW

ここで登録すると、楽天さんも許してくれるかも・・・？（*^_^*）

他にも無料のＨＰサイトは、たくさんあります。
私の【アップロードとは？】のページに２～３サイトを紹介しておりますから、興味のある人はいって見てください。

★　「ＭＩＤＩ」をアップロードしてみよう　★

さあ！みなさん登録はできましたでしょうか？
では、「infoseek ISWEB」のトップページの左に｛iswebホームページ管理画面｝があると思います。
そこの一番上に、「ファイルマネージャー」というのがあります。
これが、「アップローダー」です。ＷＥＢ上に「画像」「ＨＴＭＬテキスト」「音楽」等などを、アップロードしてくれます。

自分のＩＤ　、パスワード、を入力しまして、「ファイルマネージャー」に入ってください。

一番下に、ファイルのアップローダーがあります。
楽天の画像のアップローダーと同じものです。一度に３つのファイルがアップロードできます。

[参照］をクリックしますと、「ファイルの選択」というフロートパネルが出てきます。
貴方がＤＬした「ＭＩＤＩ」ファイルを出しまして、「開き」ます。
ファイルマネージャーの「ファイル１」にファイル名が入ります。
その下にある、[アップロード開始]をクリックしますと、アップロードは終了です。

ファイルマネージャーの上に「ファイルの一覧の表」がありますが、そこにアップした、「ファイル名」が載っているはずです。

例えば私の場合では、「i_got.MID」という風に！
あとは、貴方の「infoseek ISWEB」のＵＲＬアドレスにこの「ＭＩＤＩ」ファイルの名前を継ぎ足せばいいのです。

例えば、私の「infoseek ISWEB」のＵＲＬアドレスは、

http://gtone.hp.infoseek.co.jp/

とします。これに先ほどアップした、「ＭＩＤＩ」ファイルの名前、「i_got.MID」を入れます。
そうすると、こうなりますね。

http://gtone.hp.infoseek.co.jp/i_got.MID

これが、アップロードした「ＭＩＤＩ」ファイルのＵＲＬになります。
お分かりでしょうか・・・・(-_-;)・・・お願い分かって・・・・・（*^_^*）

★　楽天でＢＧＭを鳴らしてみよう　★

アップロードしました、「ＭＩＤＩ」ファイルのＵＲＬをＨＴＭＬタグで、編集ページに貼り付けるのですが、何度もいうようで、しつこいのですがここでは、基本的に音楽を鳴らす事は禁止です。しかし、抜け道があるんです。それは、動画を表示するタグで、音が鳴らせるのです。それが以下に書いたタグです。